window.addEventListener("load", function () {
	const apiData = [
		{ times: 4000, price: 1200, unitPrice: "0.3000" },
		{ times: 8000, price: 2000, unitPrice: "0.2500" },
		{ times: 40000, price: 8000, unitPrice: "0.2000" },
	];
	apiData.forEach(function (v) {
		$(".Test").innerHTML += `<li data-price=${v.price} data-unitPrice=${v.unitPrice}><p>${v.times}次</p></li>`
	});
	// apiData.forEach(function(v){
	// 	$(".Test").innerHTML += `<li><p>${v.times}次</p></li>`
	// });
	// 默认给第一个绑定激活样式
	$(".Test li")[1].classList.add("on");
	// 默认显示第一个的价格
	$(".money").innerHTML = `<strong> &yen; ${$(".Test li")[1].dataset.price
		}</strong>
	(约${$(".Test li")[1].dataset.unitprice}元/次)，仅限实名购买`;

	$(".Test li").forEach(function (v) {
		// 给li绑定点击事件
		v.addEventListener("click", function () {
			// 第一个不添加激活样式
			if (!this.classList.contains("default")) {
				// 排他,将所有li的激活样式取消
				$(".Test li").forEach(function (item) {
					item.classList.remove("on");
				});
				// 给自己添加激活样式
				this.classList.add("on");
				$(".money").innerHTML =
					`<strong>¥${this.dataset.price}</strong>(约${this.dataset.unitprice}元/次),仅限企业实名购买`
			};
		});
	});
	$("#sectionNav .list li").forEach(function (v, i) {
		v.addEventListener("click", function () {
			$("#sectionNav .list li").forEach(function (item, index) {
				item.classList.remove("active");
				$("#pege > div")[index].classList.remove("on");

			});
			this.classList.add("active")
			$("#pege > div")[i].classList.add("on");
		});

	});
	window.onscroll = function () {
		if (scrollY > 200) {
			$("#BOX").style.display = `block`;
		} else {
			$("#BOX").style.display = `none`;
		}
	};
	$("#BOX").onclick = function () {
		let a = window.scrollY;
		let timer = setInterval(function () {
			a -= 10;
			window.scrollTo(0, a);
			if (a <= 0) {
				clearInterval(timer);

			}
		}, 1)
	};
















	//配置
	const config = {
		selector: ".bannerBg",
		vx: 4, //点x轴速度,正为右，负为左
		vy: 4, //点y轴速度
		height: 2, //点高宽，其实为正方形，所以不宜太大
		width: 2,
		count: 100, //点个数
		color: "#000", //点颜色
		stroke: "0,0,0", //线条颜色
		dist: 6000, //点吸附距离
		e_dist: 20000, //鼠标吸附加速距离
		max_conn: 10, //点到点最大连接数
	};
	//调用
	CanvasParticle(config);


});